<template>
    <div>
        <div class="D4header">
         <a><img src="../assets/img/左箭头(1).png" alt=""></a> 
        <p><b>筛选</b></p>
    </div>
    <p class="D4tradinghour"><b>交易时间</b></p>
    <div class="D4hour">
        <input type="date" id="D4time" v-model="min_time"> —— <input type="date" name="" id="time1" v-model="max_time"><br>
    </div>
    <p class="D4tradingtype"><b>交易类型</b></p>
    <ul class="D4type">
        <li>全部</li>
        <li>收入</li>
        <li>卖出</li>
    </ul>
    <p class="D4money"><b>金额</b></p>
    <div class="D4moneyNum">
        <input type="text" placeholder="最小金额"> —— <input type="text" name="" placeholder="最大金额"><br>
    </div>
    <p class="D4tradingdigest"><b>交易摘要</b></p>
    <ul class="D4digest">
        <li>全部</li>
        <li>工资</li>
        <li>理财</li>
        <li>基金</li>
        <li>外汇</li>
    </ul>
    <p class="D4tradingside"><b>交易对方</b></p>
    <ul class="D4side">
        <li id="D4name11"><input type="text" id="D4uname" placeholder="                                        对方名称"></li>
        <li><input type="text" id="D4uname1" placeholder="                        对方账号(试试输入卡号后四位)"></li>
    </ul>
    <div class="D4buttom">
        <div class="D4buttom_1">
            重置
        </div>
        <div class="D4buttom_2" id="D4true" @click="yes">确认</div>
    </div>
    </div>
</template>

<script>
import {ref} from "../api/Refer";
export default {
    data(){
        return{
            min_time:"",
            max_time:"",
        }
    },
    methods:{
        yes(){
            ref({
                type: 0,
                min_time: this.min_time,
                max_time: this.max_time,
            }).then((res)=>{
                console.log(res);
                if (res.code==200) {
                    // 跳转页面
                    this.$router.push({
                        name:"detail",
                        params:{
                            createTime:res.data,
                        }
                    })
                    console.log(res);
                }else{
                    Dialog({title: '温馨提示', message: res.mag });
                }
            }).catch((err)=>{
                console.log("失败");
            })
        }
    }
}
</script>

<style scoped src="../assets/css/refer.css">

</style>